/* Float enclosing for structural elements */
#mast_sleeve:after, #columns:after, .twocolumn:after, .section_twocolumn:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* float enclosing */

#wrapper { width:977px; margin:0 auto; position:relative; }

#mast { padding:27px 0 11px; }
#index #mast { padding-top:7px; }
#mast_sleeve { position:relative; min-height:1px; }

/* Main Columns */
#columns { position:relative; clear:both; margin:15px 0 77px; padding:0 320px 0 0; width:657px; min-height:1px; background:url(/magazine/graphics/bg_columns.png) repeat-y 657px 0; }
#story #columns { margin-top:18px; }
#colwrapper { width:100%; }
#colmain, #content { float:left; padding-right:20px; width:636px; }
#content { padding:0; }

#public_profile #columns, #ugc_profile_edit #columns { background-image:none; }
#public_profile #content, #ugc_profile_edit #content { width:636px; }

.my_pages #content { width:451px; }
.my_pages #secondary_content { width:165px; float:right; margin-top:12px; }

#StoryBlog #colmain { width:656px; padding:0; }

/* Ensure that changes here are reflected in padding for #columns */
#rightcolumn { float:right; width:320px; margin-right:-320px; }
#rightcolumn #rightcolumn_sleeve { margin:0 0 0 20px; }

/* Basic Two Column Structure */
.twocolumn { padding:0; clear:both; min-height:1px; }
.twocolumn .column1 { float:left; width:48%; }
.twocolumn .column2 { float:right; width:48%; }

/* Section 2 Styling */
.section_twocolumn { min-height:1px; }
.section_column1 { float:left; width:601px; }
.section_column2 { float:right; width:317px; padding-left:15px; }

/* Index/section2 page styles */
#index .section_column1, #section2 .section_column1 { width:390px; }
#index .section_column2, #section2 .section_column2, #story .section_column2 { width:226px; padding:0; }
#story .section_column2 { padding-left:20px; }
#index .section_column2 .column1, #index .section_column2 .column2, #section2 .section_column2 .column1, #section2 .section_column2 .column2 { width:auto; float:none; }
#index .section_column2 .column1_sleeve, #index .section_column2 .column2_sleeve, #section2 .section_column2 .column1_sleeve, #section2 .section_column2 .column2_sleeve { padding:0; }